<%@page isELIgnored="false" %>
<%@page contentType="text/html;charset=utf-8"%>
<%@include file="../common/taglib.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>当当图书 – 全球最大的中文网上书店</title>
		<%@include file="../common/css.jsp"%>
	</head>
	<body>
		&nbsp;

		<!-- 头部开始 -->
		<%@include file="../common/head.jsp"%>
		<!-- 头部结束 -->

		<div style="width: 962px; margin: auto;">
			<a href="#"><img
					src="<%=request.getContextPath()%>/images/default/book_banner_081203.jpg"
					border="0" /> </a>
		</div>
		<div class='your_position'>
			您现在的位置:&nbsp;
			<a href='main.do'>当当图书</a> &gt;&gt;
			<font style='color: #cc3300'><strong>小说</strong> </font>
		</div>

		<div class="book">

			<!--左栏开始-->
			<div id="left" class="book_left">
				<div id="__fenleiliulan">
					<div class=second_l_border2>
						<h2>
							分类浏览
						</h2>
						<ul>
							<c:forEach items="${cat2.subCategory}" var="cat3">
								<!--三级分类开始-->
								<li>
									<div>
										<div class=second_fenlei>
											&middot;
										</div>
										<c:choose>
											<c:when test="${cat3.id eq bForm.threeCatId}">
												<div class='second_fenlei3'>
													${cat3.name}&nbsp;
												</div>
											</c:when>
											<c:otherwise>
												<div class='second_fenlei'>
													<a href='bookList.do?page=1&order=1&cidThree=${cat3.id}'>${cat3.name}&nbsp;</a>
												</div>
											</c:otherwise>
										</c:choose>
									</div>
								</li>
								<div class=clear></div>
							</c:forEach>
							<!--三级分类结束-->


							<li>
								<div></div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!--左栏结束-->

			<!--中栏开始-->
			<div class="book_center">

				<!--图书列表开始-->
				<div id="divRight" class="list_right">
					<div id="book_list" class="list_r_title">
						<div class="list_r_title_text">
							排序方式
						</div>
						<html:form action="bookList.do">
							<html:select  property='orderBy' onchange="location='bookList.do?page=1&orderBy='+this.value" size='1'
								styleClass='list_r_title_ml'>
								<c:forEach items="${orderOptions}" var="options">
									<html:option style='color: #c3c3c3' value='${options.key}'>
										<bean:message key="${options.value}" />
									</html:option>
								</c:forEach>
							</html:select>
						</html:form>
						<div id="divTopPageNavi" class="list_r_title_text3">

							<!--分页导航开始-->

							
							<!--pre  -->
							<c:choose>
								<c:when test="${bForm.page gt 1}">
									<div class='list_r_title_text3a'>
										<a name=link_page_next href="bookList.do?page=${bForm.page-1}">
											<img src='<%=request.getContextPath()%>/images/page_up.gif' />
										</a>
									</div>
								</c:when>
								<c:otherwise>
									<div class='list_r_title_text3a'>
										<img
											src='<%=request.getContextPath()%>/images/page_up_gray.gif' />
									</div>
								</c:otherwise>
							</c:choose>
							
							<div class='list_r_title_text3b'>
								第${bForm.page}页/${totalPages}页
							</div>
							
							<!--next page  -->
							<c:choose>
								<c:when test="${bForm.page lt totalPages}">
									<div class='list_r_title_text3a'>
										<a name=link_page_next href="bookList.do?page=${bForm.page+1}">
											<img src='<%=request.getContextPath()%>/images/page_down.gif' />
										</a>
									</div>
								</c:when>
								<c:otherwise>
									<div class='list_r_title_text3a'>
										<img
											src='<%=request.getContextPath()%>/images/page_down_gray.gif' />
									</div>
								</c:otherwise>
							</c:choose>
							
							<!--分页导航结束-->
						</div>
					</div>


					<c:forEach items="${bookList}" var="book">
						<!--商品条目开始-->
						<div class="list_r_list">
							<span class="list_r_list_book"><a name="link_prd_img"
								href='#' target="_blank"><img
										src='<%=request.getContextPath()%>/shop/pic/${book.pic}' /> </a> </span>
							<h2>
								<a name="link_prd_name" href='#' target="_blank">${book.name
									}</a>
							</h2>
							<h3>
								顾客评分：100
							</h3>
							<h4 class="list_r_list_h4">
								作 者:
								<a target='_blank' href='#' name='作者'>${book.author}</a>
							</h4>
							<h4>
								出版社：
								<a target='_blank' href='#' name='出版社'>${book.publishing}</a>
							</h4>
							<h4>
								出版时间：${book.publishDate}
							</h4>
							<h5>
								${book.catalogue}
							</h5>
							<div class="clear"></div>
							<h6>
								<span class="del" title="市场价">￥${book.fixedPrice}</span>&nbsp;&nbsp;
								<span class="red" title="当当价">￥${book.dangPrice}</span>&nbsp;&nbsp;
								节省：￥${book.fixedPrice-book.dangPrice}
							</h6>
							<span class="list_r_list_button"><a href="javascript:;"
								onclick="location='addCartItem.do?productId=${book.id}'"> <img
										src='<%=request.getContextPath()%>/images/buttom_goumai.gif' />
							</a> </span>
						</div>
						<div class="clear"></div>
						<!--商品条目结束-->
					</c:forEach>

					<div class="clear"></div>
					<div  class="fanye_bottom">
					</div>
				</div>
				<!--图书列表结束-->

			</div>
			<!--中栏结束-->
			<div class="clear"></div>
		</div>

		<!--页尾开始 -->
		<%@include file="../common/foot.jsp"%>
		<!--页尾结束 -->
	</body>
</html>
